/**
图片背景 缩放

方案1
css 背景
background-size: auto; //原图放入
background-size: 100% 100%; //变形铺满 
background-size: cover; //等比缩放 铺满 显示不全
background-size: contain;//等比缩放 放入 div会留白

方案2 预览放大
div标签下 image等比缩放  div大于图片不缩放
    根据父容器的自动缩放，并保持图片原来的比例。这样你设置父容器的大小就可以啦
image标签给定高宽 变形铺满


*/

@mixin background-image($type:100% 100%,$url,$width:100%,$height:100%){
    width: $width;
    height: $height;
    background-image: url($url);
    background-repeat:no-repeat;
    background-position:center;
    background-size: $type;
    background-color: gray;
}

.div-image{
    display: table-cell;
    text-align:center;
    vertical-align: middle;
    img{
        width: auto;  
        height: auto;  
        max-width: 100%;  
        max-height: 100%;
    }
    background-color: gray;
}